define(['jquery','api','user'],function($,api,user){
	var vm, 
	   controller = {
	   init:function(id){
	   	   if(!user.checkLogin())return;
		   api.initFooter(2);
		   if(!vm){
		     this.render();
		   }else{
		     vm.show=true;
		   }
		   this.loadNoticeDetail(id);
	   },
	   render:function(){
	   	   $('#pages').append('<div id="noticeDetail"></div>');
	       require(['text!pages/article/noticeDetail.html','Vue'],function(tpl,Vue){
	            vm=new Vue({
	               el:'#noticeDetail',
	               data:{
	               	  show:true,
	               	  article:{}
	               },
	               methods:{
	                  switchTab:function(t){
		              	 this.tab=t;
		              }
	               },
	               template:tpl
	            })
	       })
	   },
	   loadNoticeDetail:function(id){
	   	   api.noticeDetail({noticeid:id},function(rs){
	   	       if(rs.retcode==0){
	   	           vm.article=rs.data
	   	       }
	   	   })
	   },
	   onRouteChange:function(){
	       vm.show=false;
	   }
	}
    return controller;
})